<!doctype html>
<html lang="zh-Hans">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" >
    <link rel="stylesheet" href="assets/css/fontawesome.min.css" >
    <link rel="stylesheet" href="assets/css/backend.css" >
    <title>Fresns 管理中心</title>
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fresns-navbar">
      <a class="navbar-brand" href="#"><img src="assets/images/logo.png" height="30" alt="Fresns"></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item"><a class="nav-link" href="index.html">仪表盘</a></li>
          <li class="nav-item"><a class="nav-link" href="system-language.html">系统</a></li>
          <li class="nav-item active"><a class="nav-link" href="operating-user.html">运营</a></li>
          <li class="nav-item"><a class="nav-link" href="themes.html">主题</a></li>
          <li class="nav-item"><a class="nav-link" href="plugins.html">插件</a></li>
          <li class="nav-item"><a class="nav-link" href="clients.html">客户端</a></li>
          <li class="nav-item"><a class="nav-link" href="store.html">应用市场</a></li>
        </ul>
        <span class="navbar-text">admin <a href="#">[退出]</a> <a href="https://fresns.cn" target="_blank">站点首页</a></span>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-xl-2 fresns-sidebar">
          <h3 class="d-none d-sm-block">运营</h3>
          <button class="btn btn-primary btn-block d-block d-sm-none" type="button" data-toggle="collapse" data-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="true">
            <i class="fas fa-list-ul"></i> 运营
          </button>
          <div class="collapse show" id="sidebarNav">
            <ul class="nav flex-column">
              <li class="nav-item"><a class="nav-link active" href="operating-user.html"><i class="fas fa-users"></i> 用户配置</a></li>
              <li class="nav-item"><a class="nav-link" href="operating-rename.html"><i class="far fa-keyboard"></i> 命名配置</a></li>
              <li class="nav-item"><a class="nav-link" href="operating-interactive.html"><i class="far fa-list-alt"></i> 互动配置</a></li>
              <li class="nav-item"><a class="nav-link" href="operating-emoji.html"><i class="far fa-smile-beam"></i> 表情配置</a></li>
              <li class="nav-item"><a class="nav-link" href="operating-publish-post.html"><i class="far fa-edit"></i> 发表配置</a></li>
              <li class="nav-item"><a class="nav-link" href="operating-filter.html"><i class="fas fa-spell-check"></i> 过滤配置</a></li>
              <li class="nav-item"><a class="nav-link" href="operating-role.html"><i class="far fas fa-user-tag"></i> 用户角色</a></li>
              <li class="nav-item"><a class="nav-link" href="operating-group.html"><i class="fas fa-columns"></i> 内容小组</a></li>
              <li class="nav-item"><a class="nav-link" href="operating-expand.html"><i class="fab fa-codepen"></i> 扩展管理</a></li>
            </ul>
            <div class="fresns-copyright">
              <p>Powered by Fresns</p>
            </div>
          </div>
        </div>

        <div class="col-sm-9 col-xl-10 fresns-content">
          <h3>用户配置</h3>
          <!-- Setting Start -->
          <form>

            <!-- Multiple User Setting -->
            <label class="item-title">多用户模式：</label>
            <div class="form-group row">
              <div class="col-sm-6">
                <div class="custom-control custom-radio custom-control-inline">
                  <input type="radio" id="site_mode_public" name="site_mode" value="public" class="custom-control-input" data-toggle="collapse" data-target="#site_mode_collapse.show" aria-expanded="false" aria-controls="collapse" checked>
                  <label class="custom-control-label" for="site_mode_public">关闭</label>
                </div>
                <div class="custom-control custom-radio custom-control-inline">
                  <input type="radio" id="site_mode_private" name="site_mode" value="private" class="custom-control-input" data-toggle="collapse" data-target="#site_mode_collapse:not(.show)" aria-expanded="false" aria-controls="collapse">
                  <label class="custom-control-label" for="site_mode_private">开启</label>
                </div>
              </div>
              <label class="col-sm-6 col-form-label">设置是否启用多用户模式，多用户管理功能需安装相应的插件。</label>
              <!-- Pay Card -->
              <div class="col-sm-12 collapse" id="site_mode_collapse">
                <div class="card">
                  <div class="card-header">多用户模式配置</div>
                  <div class="card-body">
                    <!-- Card Input Group -->
                    <!-- Card Input Group -->
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">多用户功能插件</span>
                      </div>
                      <select class="custom-select" id="site_private_plugin">
                        <option value="1">xxe插件</option>
                        <option value="2">xxw插件</option>
                        <option value="3">xxq插件</option>
                        <option value="4" selected>xxx插件</option>
                      </select>
                      <label class="col-md-6 col-form-label">由哪个插件负责多用户功能</label>
                    </div>
                    <!-- Card Input Group -->
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">有权使用的角色</span>
                      </div>
                      <select class="custom-select" id="site_private_end">
                        <option value="2">普通会员</option>
                        <option value="4" selected>管理员</option>
                      </select>
                      <label class="col-md-6 col-form-label">哪些角色有权创建多用户，可以多选，留空代表所有人都有权</label>
                    </div>
                    <!-- Card Input Group -->
                  </div>
                </div>
              </div>
              <!-- Pay Card -->
            </div>

            <!-- User Default Group -->
            <label class="item-title">默认用户角色：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <select class="custom-select" id="user_group_default">
                  <option value="1" disabled>管理员</option>
                  <option value="2">禁言用户</option>
                  <option value="3">普通会员</option>
                  <option value="4" selected>待审核</option>
                </select>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">用户加入时默认用户角色</label>
            </div>

            <!-- User Avatar Setting -->
            <label class="item-title">默认用户头像：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <div class="input-group">
                  <input class="form-control" type="file" id="user_avatar_default">
                </div>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">用户无头像时的默认头像。上传时必须配置了<a href="operating-rename.html">存储设置</a>中的图片设置</label>
            </div>

            <!-- User Avatar Setting -->
            <label class="item-title">匿名用户头像：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <div class="input-group">
                  <input class="form-control" type="file" id="user_avatar_default">
                </div>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">帖子和评论开启匿名功能后，匿名用户的头像。</label>
            </div>

            <!-- User Avatar Setting -->
            <label class="item-title">已停用用户头像：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <div class="input-group">
                  <input class="form-control" type="file" id="user_avatar_default">
                </div>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">注销缓存期或者软注销，用户状态为停用时的头像。</label>
            </div>

            <!-- Interdiction User Group -->
            <label class="item-title">禁言用户角色：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <select class="custom-select" id="user_group_interdiction">
                  <option value="1" disabled>管理员</option>
                  <option value="2" selected>禁言用户</option>
                  <option value="3">普通会员</option>
                </select>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">对用户操作禁言时，用户将进入哪个用户角色</label>
            </div>

            <!-- User Name Setting -->
            <label class="item-title">用户名长度：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <div class="input-group">
                  <div class="input-group-prepend">
                    <span class="input-group-text">最小长度</span>
                  </div>
                  <input class="form-control" type="number" id="username_min" value="3">
                </div>
                <div class="input-group">
                  <div class="input-group-prepend">
                    <span class="input-group-text">最大长度</span>
                  </div>
                  <input class="form-control" type="number" id="username_max" value="10">
                </div>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">用户名最小长度和最大长度</label>
            </div>

            <!-- User Name Setting -->
            <label class="item-title">用户名修改间隔天数：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <div class="input-group">
                  <input class="form-control" type="number" id="username_edit" value="180">
                  <div class="input-group-append">
                    <span class="input-group-text">天</span>
                  </div>
                </div>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">用户名每隔多少天才能修改，0 天代表不限时间，随时可修改。</label>
            </div>

            <!-- User Name Setting -->
            <label class="item-title">用户昵称修改间隔天数：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <div class="input-group">
                  <input class="form-control" type="number" id="nickname_edit" value="1">
                  <div class="input-group-append">
                    <span class="input-group-text">天</span>
                  </div>
                </div>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">用户昵称每隔多少天才能修改，0 天代表不限时间，随时可修改。</label>
            </div>

            <!-- Form Submit -->
            <button type="submit" class="btn btn-primary">保存</button>
          </form>
          <!-- Setting End -->
        </div>
      </div>
    </div>

    <!-- JavaScript -->
    <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/backend.js"></script>
  </body>
</html>